import React from 'react';
import Svg, {Path,G,Defs,ClipPath,Rect} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {
  size: string;
  fill?: string;
} & BasicsProps;

const MoreIcon = ({size,fill = '#333333'}:Props) => {
  return (
    <Svg
      width={size}
      height={size}
      viewBox="0 0 12 12"
      fill="none">
      <G
        id="&#229;&#177;&#149;&#229;&#188;&#128;&#233;&#187;&#145;-icon"
        clip-path="url(#clip0_180_3985)">
        <Path
          id="Rectangle 27 (Stroke)"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M3.99972 0.842567C4.17462 0.667665 4.45819 0.667665 4.63309 0.842567L9.31595 5.52542C9.49085 5.70032 9.49085 5.9839 9.31595 6.1588L4.63309 10.8417C4.45819 11.0166 4.17462 11.0166 3.99972 10.8417C3.82482 10.6668 3.82482 10.3832 3.99972 10.2083L8.36589 5.84211L3.99972 1.47594C3.82482 1.30104 3.82482 1.01747 3.99972 0.842567Z"
          fill={fill}
          stroke={fill}
          stroke-width="0.5"
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_180_3985">
          <Rect width="12" height="12" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};


export default MoreIcon;
